﻿@charset "utf-8";

/* 首页banner图切换 S*/
#indBanner,
#indBanner .bd,
#indBanner .bd li,
#indBanner .bd li .pic{width: 1250px; height: 476px;}
#indBanner{overflow: hidden; position: relative; z-index: 1; margin: 0 auto; }
#indBanner .bd{position: relative; z-index: 2; overflow: hidden;}
#indBanner .bd li{position: relative; z-index: 3;}
#indBanner .bd .con{height:48px; position:absolute; bottom:0px; left:0px; width:1250px; z-index:4; display: none;}
#indBanner .bd .con .title{height: 48px; line-height: 48px; padding-left: 10px; font-size: 16px; position: relative; z-index: 6;}
#indBanner .bd .con .title a{color: #fff;}
#indBanner .bd .con .title a:hover{color: #f60; text-decoration: none;}
#indBanner .bd .con .titleBg{width: 1250px; height: 48px; position: absolute; left: 0px; top: 0px; background: #000; filter:alpha(opacity=60);opacity:0.6; z-index: 5;}
#indBanner .prev,
#indBanner .next{ border:1px solid #fff; border-radius: 4px; width: 40px;height: 40px;background: url(../../base/img/slideArrow.png) no-repeat;display: block;position: absolute; z-index: 7; top: 50%;margin-top:-20px;cursor: pointer;transition:0.3s;-moz-transition:0.3s;-webkit-transition: 0.3s;-o-transition:0.3s;}
#indBanner .prev{left:10px; background-position: 13px 10px;}
#indBanner .next{right:10px; background-position: 16px -74px; }
#indBanner .prev:hover{border:1px solid #7a7a78;background: url(../../base/img/slideArrow.png) no-repeat 13px 10px #7a7a78;}
#indBanner .next:hover{border:1px solid #7a7a78;background: url(../../base/img/slideArrow.png) no-repeat 16px -74px #7a7a78; }

#indBanner .hd{position:absolute;width:100%;left:0;z-index: 7;height:26px;bottom:20px;text-align:center;}
#indBanner .hd li{ display:inline-block; *display:inline; zoom:1; width:26px; height:26px; overflow:hidden; background:#fff; line-height:26px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 5px; cursor:pointer; text-align: center; font-size: 12px; color: #ac1a1b }
#indBanner .hd li span{color: #ac1a1b}
#indBanner .hd li.on{ background:#9a0809; }
#indBanner .hd li.on span{color: #fff}

/* 通知公告 */
.noticeBar{height: 40px; width: 1200px; margin: 0 auto 25px; overflow: hidden; position: relative; border-bottom: 1px solid #f1f1f1;}
.noticeBar .hd{height: 40px; float: left; _display: inline; width: 116px;}
.noticeBar .hd h3{display: block; height: 40px; line-height: 40px; font-size: 16px; color: #008fd0; text-align: right; background: url(../../Base/img/icons.png) 0px -185px no-repeat;}
.noticeBar .hd h3 a{color: #008fd0}
.noticeBar .bd{width: 1080px; float: left; _display: inline; height: 40px; overflow: hidden;}
.noticeBar .bd li{width: 330px; float: left; _display: inline; height: 40px; line-height: 40px; overflow: hidden; padding-left: 15px; background: url(../../Base/img/dot-01.png) 3px 18px no-repeat; margin-right: 15px;}
.noticeBar .bd li .dateRight{ color: #777777; margin-left: 10px;}

/* columnA */
#columnA{overflow: hidden; width: 1200px; margin: 0 auto 35px; }
#columnA .areaL{width: 670px; float: right; _display: inline; }
#columnA .areaR{width: 500px; float: left; _display: inline; }

/* 视频 */
.spBox{}
.spBox .spHd{height: 38px; background: #f1f1f1; border-radius: 19px; overflow: hidden; padding-right: 10px; line-height: 38px; }
.spBox .spHd .more{float: right; _display: inline; font-size: 14px; color: #5a5a5a}
.spBox .spHd h3{float: left; _display: inline; height: 38px;}
.spBox .spHd h3 a{float: left; _display: inline; height: 38px; line-height: 38px; padding: 0 25px; border-radius: 19px; background: #ff6000; overflow: hidden; color: #fff; font-size: 16px;}
.spBox .spBd{padding: 0px 0px 0px}
.focusBox{width: 500px; height:268px;}
.focusBox .bd ul li{height:268px; width:500px; position: relative;}
.focusBox .bd .pic img{width: 500px; height:268px;}

/* columnB */
#columnB{overflow: hidden; width: 1200px; margin: 0 auto 35px; height: 90px; }
#columnB li{float: left; _display: inline; height: 90px; width: 285px; border-radius: 6px; overflow: hidden; margin-right: 20px;}
#columnB li a{display: block;padding-left: 118px;height: 90px;line-height: 90px;font-size: 22px;color: #fff;text-align: left;border-radius: 6px;background: url(../../Base/img/icons.png) 26px -374px no-repeat #03ace0;}
#columnB li a:hover{text-decoration: none;}
#columnB li.li4{margin-right: 0px;}
#columnB li.li2 a{background-position: 26px -566px;background-color: #ff9332;}
#columnB li.li3 a{background-position: 26px -757px;background-color: #4deb5f;}
#columnB li.li4 a{background-position: 26px -949px;background-color: #ec5353;}
#columnB li.li1 a:hover{background-color: #1ebced;}
#columnB li.li2 a:hover{background-color: #fb9f4d;}
#columnB li.li3 a:hover{background-color: #79f687;}
#columnB li.li4 a:hover{background-color: #f37272;}

/* columnC */
#columnC{overflow: hidden; width: 1200px; margin: 0 auto 35px; }
#columnC .box{width: 386px; float: left; _display: inline; margin-right: ; }
#columnC .box .bd{padding-top: 10px; height: 216px; overflow: hidden;}
#columnC #indBoxXWGK{margin-right: 20px;}
#columnC #indBoxDQGZ{float: right;}

/* columnD */
#columnD{overflow: hidden; width: 1200px; margin: 0 auto; }
#columnD .cHd{height: 40px; overflow: hidden; padding-right: 10px;}
#columnD .cHd .more{float: right; _display: inline; line-height: 40px; color: #5a5a5a}
#columnD .cHd h3{float: left; _display: inline; height: 40px; line-height: 40px; padding-left: 34px; background: url(../../Base/img/icons.png) 0px -1141px no-repeat; color: #008fbb; font-size: 18px; }
#columnD .cHd h3 a{color: #008fbb}
#columnD .cBd{padding-top: 10px;}
#columnD .cBd ul{display: block; overflow: hidden; width: 1210px}
#columnD .cBd li{width: 232px; height: 165px; float: left; _display: inline; margin-right: 10px; margin-bottom: 10px; overflow: hidden; position: relative;}
#columnD .cBd li .title{width: 90%; text-align: center; height: 36px; line-height: 36px; font-size: 14px; position: absolute; bottom: -36px; z-index: 2; left: 5%; color: #fff}
#columnD .cBd li .title a{color: #fff}
#columnD .cBd li .titleBg{width: 100%; height: 36px; background: #000; filter:alpha(opacity=60);opacity:0.6; position: absolute; bottom: -36px; z-index: 1; left: 0px;}
#columnD .cBd li img{width: 232px; height: 165px;}
#columnD .cBd li.first{width: 474px; height: 340px; margin-bottom: 0px;}
#columnD .cBd li.first img{width: 474px; height: 340px;}
#columnD .cBd li.on .title{bottom: 0px}
#columnD .cBd li.on .titleBg{bottom: 0px}





